<template>
  <div class="back-top" @click="backTop">
    <img src="~assets/img/common/top.png" alt="">
  </div>
</template>

<script scoped>
export default {
   name: 'BackTop',
   data() {
       return {}
   },
   methods: {
     backTop() {
       this.$emit('backTop')
     }
   }
}
</script>

<style lang='less' scoped>
  .back-top {
    position: fixed;
    bottom: 1.3rem;
    right:.5rem;
    width: 0.86rem;
    height: 0.86rem;
    line-height: .8rem;
    text-align: center;
    border-radius: 50%;
    z-index: 10;
    img {
      width: 100%;
      height: 100%;
    }
  }
</style>
